<template>
	<view id="container" :class="showMore?'tl-show':''" class="container" style="position: relative;"
		:style="isOther?'padding-bottom: 130rpx;':'padding-bottom: 10rpx;'">
		<!-- 圆圈按钮 -->
		<!-- #ifndef MP-WEIXIN -->
		<u-icon @click="$refs['popList'].open()" name="list-dot" size="20" color="#fff"
			style="z-index: 99;padding: 10rpx;border-radius: 50%; position: fixed;top:120rpx;right: 20rpx;background-color: rgba(0,0,0,0.5);"
			:style="'top:'+120+'rpx'">
		</u-icon>
		<!-- #endif -->
		<!-- #ifdef MP-WEIXIN -->
		<view
			style="position: fixed;top: 80rpx;left: 88%;background-color: rgba(0,0,0,0.5);padding: 10rpx;border-radius: 50%;z-index: 99;">
			<u-icon @click="$refs['popList'].open()" name="list-dot" size="20" color="#fff"
				style="z-index: 999;padding: 10rpx;border-radius: 50%;">
			</u-icon>
		</view>
		<!-- #endif -->
		<!-- 轮播图 -->
		<view id="part1" class="swiper-box" style="position: relative;" v-if="swipList && swipList.length">
			<swiper @change="changeSwiper" :current="currSwiper" class="swiper-item" style="height: 500rpx;"
				:circular="true" :indicator-dots="false" :autoplay="autoplay" :interval="3000" :duration="2000">
				<swiper-item
					@click="previewImg(swipList,index,'picPath','https://www.ydylmold.cn/images/ydylapp/usrMainPic/usrCompanyImage/')"
					v-for="(item,index) in swipList" :key="index">
					<u-image class="swiper-img" width="750rpx" height="500rpx" :lazyLoad="true"
						:src="'https://www.ydylmold.cn/images/ydylapp/usrMainPic/usrCompanyImage/'+item.picPath"
						mode="aspectFill"></u-image>
				</swiper-item>
			</swiper>
		
			<view class="bor-line" style="width: 100%;height: 10rpx;background-color: #EEEEEE;"></view>
		</view>
		<!-- 产品展示 -->
		<view id="part2" class="con-part1" v-if="compInfo.proList && compInfo.proList.length">
			<text style="margin: 30rpx 0 48rpx 0rpx;" class="page-title">产品展示</text>
			<view class="list-box">
				<view class="part-item" @click="previewImg(item.fileList,index)"
					v-for="(item,index) in allProData[currProPage-1]" :key="index">
					<view
						style="width: 334rpx;height: 334rpx;background-color: palegoldenrod;border: 1rpx solid #eee;border-radius: 20rpx;box-sizing: border-box;">
						<u-image radius="20rpx" width="330rpx" height="330rpx" :lazyLoad="true" class="part1-item-img"
							:src="item.fileList && item.fileList[0]" mode=""></u-image>
					</view>
					<text class="part1-item-text">{{item.productName}}</text>
				</view>
			</view>
			<view v-if="allProData && allProData.length>1" class="u-flex"
				style="display: flex;align-items: center;justify-content: center;margin-bottom: 30rpx;">
				<image @click="changePagePro(1)" style="width: 60rpx;"
					src="https://job.ydylmold.cn/mingpian/image/comIndex/circle1.png" mode="widthFix"></image>
				<view class="u-flex" style="margin: 0 30rpx;font-size: 24rpx;">
					<text>{{currProPage}}</text>
					<text style="margin: 0 30rpx;">/</text>
					<text>{{allProPage}}</text>
				</view>
				<image @click="changePagePro(2)" style="width: 60rpx;"
					src="https://job.ydylmold.cn/mingpian/image/comIndex/circle2.png" mode="widthFix"></image>
			</view>
		</view>
		<!-- 公司资质 -->
		<view id="part3" class="con-part2" v-if="compInfo.videoInfo && compInfo.videoInfo.productVideo">
			<view class="bor-line" style="width: 100%;height: 10rpx;background-color: #EEEEEE;"></view>
			<text class="page-title">公司资质</text>
			<video style="width: 100%;height: 600rpx;" id="myVideo"
				:src="'https://www.ydylmold.cn/file/getPlayResource/173/'+ (compInfo.videoInfo && compInfo.videoInfo.productVideo)"
				enable-danmu controls></video>
		</view>
		<!-- 客户案例 -->
		<view id="part4" class="con-part3" v-if="compInfo.useCase && compInfo.useCase.length">
			<view class="bor-line" style="width: 100%;height: 10rpx;background-color: #EEEEEE;"></view>
			<text class="page-title">客户案例</text>
			<swiper :circular="true" style="height: 710rpx;" :indicator-dots="false" :autoplay="true" :interval="10000"
				:duration="1000">
				<swiper-item v-for="(item,index) in compInfo.useCase" :key="index">
					<u-image class="con-img" width="100%" height="450rpx" :lazyLoad="true"
						:src="'https://www.ydylmold.cn/images/ydylapp/usrCompanyStation/applicationsImage/'+item.imgName"
						mode="aspectFill"
						@click="previewImg(['https://www.ydylmold.cn/images/ydylapp/usrCompanyStation/applicationsImage/'+item.imgName])">
					</u-image>
					<view class="swiper-span">
						<view class="u-flex u-row-between">
							<view class="span-title">{{item.productName}}</view>
							<view class="read-more" @click="openPop(item.remarks)">阅读更多</view>
						</view>
						<view class="con-text">
							<view class="span-con">{{item.remarks}}</view>
						</view>
					</view>
				</swiper-item>
			</swiper>
		</view>
		<!-- 公司新闻 -->
		<view id="part5" class="con-part4">
			<!-- #ifndef MP-WEIXIN -->
			<view class="bor-line" style="width: 100%;height: 10rpx;background-color: #EEEEEE;margin-top: 5rpx;"></view>
			<!-- #endif -->
			<text class="page-title">公司新闻</text>
			<swiper :circular="true" style="height: 710rpx;" :indicator-dots="false" :autoplay="true" :interval="5000"
				:duration="1000">
				<swiper-item @click="toUrl(`/pages/newsPart/index/newsDetail?newsId=${item.id}`)" v-for="(item,index) in newsList"
					:key="index">
					<view class="mian-new">
						<u-image class="con-img" width="100%" height="500rpx" :lazyLoad="true"
							:src="'https://www.ydylmold.cn/images/ydyladmin/portalNews/coverImage/'+(item.imgTitle && item.imgTitle.split(',') && item.imgTitle.split(',')[0])"
							mode="aspectFill"></u-image>
						<view class="part4-bom">
							<view class="span-right">
								<text class="span-day">{{$u.timeFormat(item.createDate || Date.now(),'dd')}}</text>
								<text class="span-mon">{{$u.timeFormat(item.createDate || Date.now(),'mm')}}</text>
								<text class="span-year"
									style="display: block;margin-bottom: 40rpx;">{{$u.timeFormat(item.createDate || Date.now(),'yyyy')}}</text>
							</view>
							<view class="swiper-span">
								<view class="span-title"
									style="width: 400rpx;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">
									{{item.title}}
								</view>
								<text class="span-con"
									style="width: 100%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;line-height: 40rpx;font-size: 28rpx;">
									{{item.comContent}}</text>
							</view>
						</view>
					</view>
				</swiper-item>
			</swiper>
			<view class="other-new">
				<view class="u-flex u-row-between">
					<view class="span-new">新闻</view>
					<view class="con-box1" @click="toMoreNews" style="position: absolute;right: 30rpx;top:20rpx;">
						<text style="font-size: 28rpx;">更多</text>
						<image class="jiantou" style="width: 12rpx;margin-left: 15rpx;"
							src="https://job.ydylmold.cn/mingpian/image/comIndex/jiantou.png" mode="widthFix">
						</image>
					</view>
				</view>
				<view class="other-new-item" @click="toUrl(`/pages/newsPart/index/newsDetail?newsId=${item.id}`)"
					v-for="(item,index) in newsList" :key="index">
					<text class="other-new-title">{{item.title}}</text>
					<text
						class="other-new-time">{{$u.timeFormat(new Date(item.createDate || Date.now()), 'yyyy-mm-dd hh:MM')}}</text>
				</view>
			</view>
		</view>
		<!-- 关于我们 -->
		<view class="con-part5" id="part6" v-if="compInfo.aboutInfo.remarks">
			<view class="bor-line" style="width: 100%;height: 10rpx;background-color: #EEEEEE;"></view>
			<text class="about-title">关于我们</text>
			<div class="about-cont" style="width: 619rpx;">{{compInfo.aboutInfo.remarks}}</div>
			<text class="read-more" @click="openPop(compInfo.aboutInfo.remarks)">阅读更多</text>
		</view>
		<!-- 将您的信息发送给我们 -->
		<view v-if="isOther" class="con-box u-flex u-flex-col"
			style="background-color: #F5F5F5;padding: 30rpx 24rpx;box-sizing: border-box;width: 750rpx;">
			<text style="font-size: 28rpx;">将您的信息发送给我们</text>
			<u-form style="width: 650rpx;" labelPosition="left" :model="model1" ref="uForm">
				<u-form-item labelWidth="80" required label="联系方式" prop="userInfo.fromNo" borderBottom ref="fromNo">
					<u--input style="background-color: #FFFFFF;height: 80rpx;padding: 0 20rpx;"
						v-model="model1.userInfo.fromNo" border="none" placeholder="请输入您的电子邮件或者电话号码"></u--input>
				</u-form-item>
				<u-form-item labelWidth="80" required label="标题" prop="userInfo.title" borderBottom ref="title">
					<u--input style="background-color: #FFFFFF;height: 80rpx;padding: 0 20rpx;"
						v-model="model1.userInfo.title" border="none" placeholder="请填写标题"></u--input>
				</u-form-item>
				<u-form-item labelWidth="80" required label="内容" prop="userInfo.content" borderBottom ref="content">
					<textarea style="width: 460rpx;background-color: #FFFFFF;border-radius: 10rpx;padding: 10rpx 20rpx;"
						placeholder-class="place-class" v-model="model1.userInfo.content"
						placeholder="建议您在这里说说您的产品要求和公司信息"></textarea>
				</u-form-item>
			</u-form>
			<button type="primary" style="width: 650rpx;font-size: 26rpx;margin-top: 20rpx;"
				@click="sendData">发送</button>
		</view>
		<!-- 咨询 -->
		<view class="con-part6" >
			<view class="infotion">
				<view class="info" style="line-height: 45rpx;">
					<view>
						<image class="infoImage" src="https://job.ydylmold.cn/mingpian/image/me//phone.png"></image>
					</view>
					<view>
						<view>联系人：{{shareName || compData.linker}}</view>
						<view @click="callPeo()">电话：{{sharePhone || compData.phone}}
						</view>
					</view>
				</view>
				<view class="info" v-if="compData.email || shareEmail">
					<view>
						<image class="infoImage" src="https://job.ydylmold.cn/mingpian/image/me//email.png"></image>
					</view>
					<view>邮箱：{{shareEmail || compData.email}}</view>
				</view>
				<view class="info">
					<view>
						<image class="infoImage" src="https://job.ydylmold.cn/mingpian/image/me//address.png"></image>
					</view>
					<view>地址：{{compData.cityName+' '+compData.addr}}</view>
				</view>
			</view>
			<text class="part6-bom-text">版权所有©{{compData.companyNameCn}}</text>
		</view>
		<!-- 操作按钮 -->
		<my-button :useNum="companyId" :acPhone="compData.phone" :isShare="isShare" :isOther="isOther"></my-button>
		<u-popup @close="showTextPop = false" :show="showTextPop" closeable mode="center" round="30">
			<scroll-view scroll-y
				style="width: 650rpx;height: 80vh;padding:60rpx 30rpx 30rpx 30rpx;line-height: 46rpx;">
				<view class="pop-box">
					<view>{{acText}}</view>
				</view>
			</scroll-view>
		</u-popup>
		<uni-popup type="right" ref="popList">
			<view class="list-box" style="width: 550rpx;background-color: #FFFFFF;line-height: 100rpx;height: 100%;">
				<view class="con-list">
					<view @click="toPagePart(item.value)" v-for="(item,index) in acTab" :key="index"
						style="border-bottom: 1rpx solid #EEEEEE;text-align: center;">{{item.name}}</view>
				</view>
				<view class="moreSet con-list" v-if="useState.isMyFriend && !useState.inMyList && isOther">
					<view style="background-color: #808080;color: #fff;text-align: center;">更多操作</view>
					<view @click="selectItem(item)" v-for="(item,index) in stateList" :key="index"
						style="color:#4299db ;border-bottom: 1rpx solid #EEEEEE;text-align: center;">{{item.name}}
					</view>
				</view>
			</view>
		</uni-popup>
		<my-auth-modal></my-auth-modal>
	</view>
</template>
<script>
	import {
		queryPicList,
		queryUsrMainPicNum,
		queryUsrCompanyStationList,
		queryNewForSlef
	} from '@/common/api/auth.js'
	import {
		usrCompanyMessageInsert
	} from '@/common/api/msg.js'
	import {
		mapGetters
	} from "vuex";
	import {
		addFriend,
		callPeople
	} from '@/utils/common.js'
	// #ifdef MP-WEIXIN
	import {
		shareMixins
	} from '@/mixins/share'
	// #endif
	import {
		getToken,
		setToken
	} from '@/utils/token.js'
	export default {
		// #ifdef MP-WEIXIN
		mixins: [shareMixins],
		// #endif
		props: ['isShare', 'shareEmail', 'sharePhone', 'shareName', 'compId', 'hasLeft','isOther'],
		data() {
			return {
				shareData: {
					title: '名片王'
				},
				currSwiper: 0,
				autoplay: true,
				showMore: false,
				compInfo: {
					proList: [], //产品数组
					videoInfo: {}, //品质保证
					useCase: [], //客户案例
					aboutInfo: {} //关于我们
				},
				newsList: [], //公司新闻
				swipList: [], //轮播图
				compData: {},
				acText: '',
				showTextPop: false,
				showAllPro: false,
				companyId: '',
				title: '更多操作',
				showMask: false,
				version: getToken('version'),
				model1: {
					userInfo: {
						sendNo: getToken('useNum'), //发送人
						receiveNo: '', //接收人
						sendType: getToken('version') == 1 ? 0 : 1, //公司名
						receiveType: 1, //电话
						fromType: 1,
						fromNo: '', //联系方式
						title: '', //标题
						content: '', //内容
					},
				},
				allProPage: 1,
				currProPage: 1,
				allProData: [],
				tabList: [{
					name: '首页',
					value: 1
				}, {
					name: '产品展示',
					value: 2
				}, {
					name: '公司资质',
					value: 3
				}, {
					name: '客户案例',
					value: 4
				}, {
					name: '公司新闻',
					value: 5
				}, {
					name: '关于我们',
					value: 6
				}],
				acTab: [],

				windowUrl: getToken('windowUrl'),

			}
		},
		computed: {
			...mapGetters(['useState', 'isLogin', 'isFresh', 'stateList']),
		},
	
		// 触发下拉刷新
		onPullDownRefresh() {
			this.init()
			// 延迟关闭刷新动画
			setTimeout(() => {
				uni.stopPullDownRefresh();
			}, 1000);
		},
		created: function() {
			if (this.compId) {
				this.companyId = this.compId
			}else{
				this.companyId = getToken('useNum')
			}
			this.init()
		},
		
		methods: {
			//跳到对应的锚点
			toPagePart(partId) {
				let channelIdStr = '#part' + partId;
				// #ifdef MP-WEIXIN
				this.createSelectorQuery().select(channelIdStr).boundingClientRect(data => {
					this.createSelectorQuery().select("#container").boundingClientRect(res => {
						uni.pageScrollTo({
							duration: 100, //过渡时间
							scrollTop: data.top - res.top - 100, //到达距离顶部的top值
						})
						this.$refs['popList'].close()
					}).exec();
				}).exec();
				// #endif
				// #ifndef MP-WEIXIN
				uni.createSelectorQuery().select(channelIdStr).boundingClientRect(data => { //目标位置的节点：类或者id
					uni.createSelectorQuery().select("#container").boundingClientRect(res => { //最外层盒子的节点：类或者id
						uni.pageScrollTo({
							duration: 100, //过渡时间
							scrollTop: data.top - res.top - 60, //到达距离顶部的top值
						})
						this.$refs['popList'].close()
					}).exec()
				}).exec();
				// #endif
			},
			toMoreNews() {
				uni.navigateTo({
					url: '/pages/newsPart/index/index'
				})
			},
			changePagePro(type) {
				if (type == 1 && this.currProPage != 1) {
					this.currProPage--
				} else if (type == 2 && this.currProPage != this.allProData.length) {
					this.currProPage++
				}
			},
			toIndex() {
				uni.switchTab({
					url: '/pages/index/index'
				})
			},
			sendData() {
				let acData = this.model1.userInfo
				if (!acData.fromNo) {
					this.$u.toast('请填写联系方式')
				} else if (!this.$u.test.mobile(acData.fromNo) && !this.$u.test.email(acData.fromNo)) {
					this.$u.toast('请填写正确的电话或邮箱')
				} else if (!acData.title) {
					this.$u.toast('请填写标题')
				} else if (!acData.content) {
					this.$u.toast('请填写内容')
				} else {
					acData.receiveNo = this.companyId
					usrCompanyMessageInsert(acData).then(res => {
						if (res.data && res.data.code == 1) {
							this.$u.toast('提交成功')
							this.model1.userInfo = {
								sendNo: getToken('useNum'), //发送人
								receiveNo: '', //接收人
								sendType: 0, //公司名
								receiveType: 1, //电话
								fromType: 1,
								fromNo: '', //联系方式
								title: '', //标题
								content: '', //内容
							}
						}
					})
				}
			},
			
			clickRightNav() {
				this.$store.commit('getStateList')
				if (this.stateList && this.stateList.length) {
					this.showMask = true
				}
			},
			selectItem(e) {
				switch (e.name) {
					case '加入黑名单':
						this.$store.dispatch('usrBlackListInsert', this.companyId)
						break
					case '删除好友':
						this.$store.dispatch('delFriends', this.companyId)
						break
				}
			},
			
			callPeo() {
				callPeople(this.companyId, this.compData.phone, this.isShare)
			},
			
			previewImg(arr, index, key, head) {
				if (key) {
					arr = arr.map(v => {
						return head ? (head + v[key]) : v[key]
					})
				}
				uni.previewImage({
					current: index || 0,
					urls: arr
				})
			},
			openPop(text) {
				this.acText = text
				this.showTextPop = true
			},
			// 初始化数据
			init() {
				this.acTab = []
				this.compInfo = {
					proList: [], //产品数组
					videoInfo: {}, //品质保证
					useCase: [], //客户案例
					aboutInfo: {} //关于我们
				}
				//获取企业轮播图、轮播图数量、企业认证状态、企业更多资料
				Promise.all([
					this.queryPicList(),
					this.queryUsrCompanyStationList(),
					this.searchOneNew(),
					this.queryNewForSlef()
				]).then(([
					res1, res2, res3, res4 = []
				]) => {
					if (res1.statusCode == 200) {
						this.swipList = res1.data
						if (this.swipList && this.swipList.length) {
							this.acTab.push(this.tabList[0])
						}
					}
					if (res2.data && res2.data.code == 1) {
						let acInfo = {}
						// 数组分类
						let data = res2.data && res2.data.listData
						data && data.forEach(m => {
							if(m.state){
								switch (m.stationType) {
									case 1: //产品展示
										this.compInfo.proList.push(m)
										break;
									case 5: //客户案例
										this.compInfo.useCase.push(m)
										break;
									case 7: //品质保证
										this.compInfo.videoInfo = m
										break;
									case 10: //关于我们
										this.compInfo.aboutInfo = m
										break;
								}
							}
						})
						if (this.compInfo.proList && this.compInfo.proList.length) {
							this.acTab.push(this.tabList[1])
						}
						if (this.compInfo.videoInfo && this.compInfo.videoInfo.productVideo) {
							this.acTab.push(this.tabList[2])
						}
						if (this.compInfo.useCase && this.compInfo.useCase.length) {
							this.acTab.push(this.tabList[3])
						}
						
						let proList = this.compInfo.proList
						proList && proList.forEach((pro, idx) => {
							if (pro.imgName) {
								pro.sendImg = pro.imgName.split(',')
								pro.fileList = pro.imgName.split(',').map(v => {
									return 'https://www.ydylmold.cn/images/ydylapp/usrCompanyStation/mainProductsImage/' +
										v
								})
							}
						})
						//产品数组按照4个分类
						let allProList = this.compInfo && this.compInfo.proList && this.compInfo.proList
						this.allProPage = Math.ceil((allProList.length) / 4)
						let result = []
						for (var i = 0, j = allProList.length; i < j; i += 4) {
							result.push(allProList.slice(i, i + 4));
						}
						this.allProData = result
					}
					if (res3.companyId) {
						this.compData = res3
						this.shareData.title = this.compData.companyNameCn
						uni.setNavigationBarTitle({
							title: this.compData.companyNameCn
						})
					}
					if (res4.data && res4.data.code == 1) {
						//console.log('公司新闻', res4)
						this.newsList = res4.data.data
						if (this.newsList && this.newsList.length) {
							this.acTab.push(this.tabList[4])
						}
					}
					this.acTab.push(this.tabList[5])
				})
			},
			queryNewForSlef() {
				return queryNewForSlef({
					companyId: this.companyId
				})
			},
			//查找轮播图
			queryPicList() {
				if(this.companyId)
				return queryPicList({
					companyNo: this.companyId,
					moduleNo: 'ydylapp1001',
					isType: 0
				})
			},
			//公司更多数据详情
			queryUsrCompanyStationList() {
				return queryUsrCompanyStationList({
					companyNo: this.companyId
				})
			},
			// 轮播图梳数量
			queryUsrMainPicNum() {
				return queryUsrMainPicNum({
					companyNo: this.companyId,
					moduleNo: 'ydylapp1001'
				})
			},
			//查询公司认证状态
			searchOneNew() {
				console.log('bbbbbbbbbbbbbbb', this.companyId);
				return this.$store.dispatch('searchOneNew', {
					userId: this.companyId,
					isShare: this.isShare
				})
			},
			changeSwiper(e) {
				this.currSwiper = e.detail.current
			},
			toUrl(url) {
				uni.navigateTo({
					url: url
				})
			}
		}
	}
</script>
<style scoped lang="scss">
	.tl-show {
		overflow: hidden;
		position: fixed;
		height: 100%;
		width: 100%;
	}

	// 公共
	.place-class {
		color: rgb(192, 196, 204);
	}

	.seeMore {
		line-height: 31rpx;
		font-size: 32rpx;
		font-family: PingFang SC;
		font-weight: bold;
		color: #969799;
		text-align: center;
		display: block;
	}

	.page-title {
		font-size: 48rpx;
		line-height: 46rpx;
		margin: 30rpx 0 48rpx 34rpx;
		display: block;
		font-family: PingFang SC;
		font-weight: bold;
		color: #333333;
	}

	// 头部
	.cen-img {
		width: 60rpx;
		height: 60rpx;
		border-radius: 50%;
	}

	.nav-left-text {
		font-size: 30rpx;
		font-family: PingFang SC;
		font-weight: bold;
		color: #333333;
	}

	.con-box {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
	}

	.cen-text {
		font-size: 28rpx;
		margin-left: 18rpx;
		font-family: PingFang SC;
		font-weight: bold;
		color: #333333;
		width: 400rpx;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		text-align: center;
	}

	.more-img {
		width: 42rpx;
		height: 32rpx;
		margin-left: 50rpx;
	}

	// 轮播图
	.swiper-box {
		position: relative;
		width: 750rpx;
		height: 500rpx;

		.swiper-img {
			width: 750rpx;
			height: 500rpx;
		}

		.stext-span {
			width: 750rpx;
			height: 100rpx;
			line-height: 100rpx;
			text-align: center;
			background: #3148D1;
			font-size: 28rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #FFFFFF;
			position: absolute;
			bottom: 0;
		}

		.jian-left,
		.jian-right {
			width: 50rpx;
			height: 120rpx;
			z-index: 99;
			top: 140rpx;
			position: absolute;
		}

		.jian-left {
			left: 0;
		}

		.jian-right {
			right: 0;
		}
	}

	// 产品展示
	.con-part1 {
		padding: 0 34rpx;

		.list-box {
			display: flex;
			align-items: center;
			flex-wrap: wrap;
			justify-content: space-between;
		}

		.part-item {
			display: flex;
			flex-direction: column;
			align-items: center;
		}

		.part1-item-img {
			width: 330rpx;
			height: 330rpx;
		}

		.part1-item-text {
			font-size: 26rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #333333;
			line-height: 25rpx;
			display: block;
			margin: 40rpx 0 60rpx 0;
			width: 300rpx;
			text-align: center;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}
	}

	//客户案例
	.con-part3 {
		.con-img {
			width: 100%;
			height: 450rpx;
		}

		.swiper-span {
			padding: 30rpx 10rpx 25rpx 32rpx;
			box-sizing: border-box;
			display: flex;
			flex-direction: column;
			height: 260rpx;
			background-color: #F5F5F5;
		}

		.span-title {
			// line-height: 28rpx;
			font-size: 34rpx;
			font-family: PingFang SC;
			font-weight: 800;
			color: #333333;
			margin-bottom: 10rpx;
			font-size: 34rpx;
		}

		.span-con,
		.span-see-more {
			font-size: 30rpx;
			font-family: PingFang SC;
			font-weight: 400;
			color: #A8A8A8;
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 4;
			-webkit-box-orient: vertical;
			line-height: 40rpx;
		}

		.span-see-more {
			color: #3148D1;
		}
	}

	// 公司新闻
	.con-part4 {
		.mian-new {
			display: flex;
			flex-direction: column;
			padding: 0 34rpx;
		}

		.con-img {
			width: 100%;
			height: 500rpx;
		}

		.part4-bom {
			display: flex;
			align-items: center;
		}

		.span-right {
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			width: 200rpx;
			height: 250rpx;
			background: #6A6A6A;
			font-family: PingFang SC;
			color: #FFFFFF;
		}

		.span-day {
			font-size: 64rpx;
			font-weight: bold;
		}

		.span-mon,
		.span-year {
			font-size: 36rpx;
		}

		.swiper-span {
			height: 250rpx;
			flex: 1;
			display: flex;
			flex-direction: column;
			background-color: #F5F5F5;
			padding: 0 30rpx 22rpx 22rpx;
			box-sizing: border-box;
		}

		.span-title {
			line-height: 29rpx;
			line-height: 80rpx;
			font-size: 30rpx;
			font-family: PingFang SC;
			font-weight: 800;
			color: #333333;
		}

		.span-con {
			font-size: 24rpx;
			font-family: PingFang SC;
			font-weight: 400;
			color: #8A8A8A;
		}

		.other-new {
			width: 100%;
			background: #F5F5F5;
			position: relative;
			margin: 40rpx 0 5rpx 0;
			padding: 100rpx 42rpx 5rpx 32rpx;
			box-sizing: border-box;

			.span-new {
				width: 120rpx;
				// height: 60rpx;
				// line-height: 60rpx;
				padding: 12rpx 0;
				background: #6A6A6A;
				display: block;
				text-align: center;
				position: absolute;
				left: 0;
				top: 0;
				font-size: 28rpx;
				font-family: PingFang SC;
				font-weight: bold;
				color: #FFFFFF;
			}

			.other-new-title {
				line-height: 32rpx;
				font-size: 30rpx;
				font-family: PingFang SC;
				font-weight: bold;
				color: #333333;
				width: 600rpx;
				overflow: hidden;
				white-space: nowrap;
				text-overflow: ellipsis;
			}

			.other-new-item {
				display: flex;
				flex-direction: column;
				margin-bottom: 50rpx;
			}

			.other-new-time {
				line-height: 28rpx;
				font-size: 24rpx;
				font-family: PingFang SC;
				font-weight: 400;
				color: #8A8A8A;
				margin-top: 18rpx;
				display: block;
			}
		}
	}

	// 关于我们
	.con-part5 {
		background-image: url('https://job.ydylmold.cn/mingpian/image/comIndex/aboutAs.png');
		width: 750rpx;
		// height: 600rpx;
		padding-bottom: 30rpx;
		background-size: cover;

		// margin-top: 100rpx;
		.about-title {
			// line-height: 61rpx;
			font-size: 64rpx;
			font-family: PingFang SC;
			color: #FFFFFF;
			padding: 120rpx 0 78rpx 34rpx;
			display: block;
		}

		.about-cont {
			display: block;
			width: 619rpx;
			font-size: 28rpx;
			font-family: PingFang SC;
			color: #FFFFFF;
			padding: 0 0 0rpx 34rpx;
			margin-bottom: 40rpx;
			line-height: 40rpx;
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 6;
			-webkit-box-orient: vertical;
		}
	}

	.read-more {
		font-size: 26rpx;
		font-family: PingFang SC;
		color: #FF6600;
		padding-left: 34rpx;
	}

	//底部
	.con-part6 {
		width: 750rpx;
		// height: 300rpx;
		background: #797778;
		display: flex;
		align-items: center;
		position: relative;
		padding: 30rpx 34rpx 90rpx 34rpx;
		box-sizing: border-box;

		.part6-title {
			font-size: 30rpx;
			font-family: PingFang SC;
			font-weight: bold;
			color: #FFFFFF;
		}

		.part6-rigth,
		.part6-left {
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			height: 100%;
		}

		.part6-rigth {
			width: 350rpx;
		}

		.part6-rigth-text {
			font-size: 30rpx;
			font-family: PingFang SC;
			font-weight: bold;
			color: #CFCFCF;
			margin-top: 12rpx;
		}

		.part6-left-text {
			font-size: 24rpx;
			font-family: PingFang SC;
			font-weight: bold;
			color: #CFCFCF;
		}

		.part6-bom-text {
			font-size: 24rpx;
			font-family: PingFang SC;
			font-weight: bold;
			color: #CFCFCF;
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100%;
			padding: 12rpx 0;
			background-color: #6A6A6A;
			text-align: center;
		}

		.infotion {
			display: flex;
			justify-content: space-between;
			flex-wrap: wrap;
			font-size: 20rpx;
			font-family: PingFang SC;
			font-weight: bold;
			color: #CFCFCF;
		}

		.info {
			display: flex;
			margin-top: 10rpx;
			// background-color: palegoldenrod;
			align-items: center;

			.infoImage {
				width: 60rpx;
				height: 60rpx;
				margin-right: 10rpx;
				background-color: white;
				border-radius: 50rpx;
				border: 1rpx solid #D81E06;
			}
		}

	}
</style>
